
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Title -->
  <title><{:C('cfg_des_info')}> </title>

  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <!-- Favicon -->
  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  <!-- CSS Global Compulsory -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/bootstrap.min.css">
  <!-- CSS Global Icons -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/font-awesome.min.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/simple-line-icons.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/style.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/animate.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/dzsparallaxer.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/scroller.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/plugin.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/slick.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/jquery.fancybox.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hs-bg-video.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hs.megamenu.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/hamburgers.min.css">

  <!-- CSS Unify -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-core.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-components.css">
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/unify-globals.css">

  <!-- CSS Customization -->
  <link rel="stylesheet" href="__PUBLIC__/vendor/css/custom.css">

  <style type="text/css">
    @media screen and (min-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
        .sub_con {
          clear:both;width:200%;margin:0 auto;
        }
    }
  </style>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MRKZM5G');</script>
<!-- End Google Tag Manager -->


<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-129643899-1"></script>
<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-129643899-1');
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->

</head>

<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MRKZM5G"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <main>



    <!-- Header -->
      <header id="js-header" class="u-header u-header--static">
      <div class="u-header__section u-header__section--light g-bg-white g-transition-0_3 g-py-10">
        <nav class="js-mega-menu navbar navbar-expand-lg hs-menu-initialized hs-menu-horizontal">
          <div class="container">
            <!-- Responsive Toggle Button -->
            <button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-3 g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
              <span class="hamburger hamburger--slider">
            <span class="hamburger-box">
              <span class="hamburger-inner"></span>
              </span>
              </span>
            </button>
            <!-- End Responsive Toggle Button -->

            <?php
                $logo_info = M('ad')->where('cid=1')->find();
            ?>

            <!-- Logo -->
            <a href="./" class="navbar-brand">
              <img src="<{$logo_info['picurl']}>" alt="VOZLED Logo">
            </a>
            <!-- End Logo -->

            <!-- Navigation -->
            <div class="collapse navbar-collapse align-items-center flex-sm-row g-pt-10 g-pt-5--lg g-mr-40--lg" id="navBar">
              <ul class="navbar-nav text-uppercase g-pos-rel  ml-auto">
 


                  <!-- Pages -->
                <li class="nav-item  g-mx-10--lg g-mx-30--xl">
                  <a href="./" class="nav-link g-py-7 g-px-0">Home</a>
                </li>
                 <!-- End Pages -->

                 <!-- New Arrivals - Mega Menu -->
                  <li class="hs-has-mega-menu nav-item g-ml-10--lg g-ml-30--xl"     
                      data-animation-in="fadeIn"
                      data-animation-out="fadeOut"
                      data-position="right">
                    <a id="mega-menu-label-5" class="nav-link g-py-7 g-px-0" href="/index.php?m=product&a=index" aria-haspopup="true" aria-expanded="false">
                      Product
                      <i class="hs-icon hs-icon-arrow-bottom g-font-size-11 g-ml-7"></i>
                    </a>

                    <!-- Mega Menu -->
                    <div class="w-100 hs-mega-menu u-shadow-v11 g-text-transform-none g-brd-top g-brd-primary g-brd-top-2 g-bg-white g-pa-30 g-mt-17" aria-labelledby="mega-menu-label-5">
                      <div class="row">
                        <?php
                            $mm['pid'] = 2;
                            $mm['flag'] = 'r';
                            $pro_info = M('content')->where($mm)->limit(3)->select();
                            //var_dump($pro_info);
                        ?>

                        <volist name="pro_info" id="po">
                            <div class="col-md-4 g-mb-30 g-mb-0--md">
                              <!-- Article -->
                              <article class="g-bg-size-cover g-bg-pos-center g-bg-cover g-bg-bluegray-opacity-0_3--after text-center g-px-40 g-py-40" data-bg-img-src="<{$po.picurl}>">
                                <div class="g-pos-rel g-z-index-1">
                                  <!-- <span class="d-block g-color-white g-font-weight-400 text-uppercase mb-3">2K AIO</span> -->
                                  <span class="d-block h2 g-color-white mb-4"><{$po.title}></span>
                                  <a class="btn u-btn-white g-brd-primary--hover g-color-white--hover g-bg-primary--hover g-font-size-11 text-uppercase g-py-10" href="/index.php?m=product&a=detail&id=<{$po.id}>">View</a>
                                </div>
                              </article>
                              <!-- End Article -->
                            </div>
                        </volist>

                        
                      </div>
                    </div>
                    <!-- End Mega Menu -->
                  </li>
                  <!-- End New Arrivals - Mega Menu -->
                 
                <?php
                    $m['id'] = ['gt',2];
                    $cate = M('category')->where($m)->select();

                    $banner = M('ad')->where('cid=2')->select();
                ?>

                <volist name="cate" id="co">

                    <li class="nav-item  g-mx-10--lg g-mx-30--xl">
                      <a href="<{$co.url}>" class="nav-link g-py-7 g-px-0"><{$co.classname}></a>
                    </li>

                </volist>

              
              </ul>
            </div>
            <!-- End Navigation -->

           
          </div>
        </nav>
      </div>
    </header>
    <!-- End Header -->